<template>
  <div class="page-404">
    <div class="numbers">
      <span>4</span>
      <span>0</span>
      <span>4</span>
    </div>
    <div class="warn">{{ $t("locale.components.mobile.NotFound.t1") }}</div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>

<style lang="scss" scoped>
.page-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  text-align: center;
  .numbers {
    line-height: 1;
    color: #2d8cf0;
    font-weight: bolder;
    > span {
      font-size: 1.2rem;
    }
    :nth-child(2) {
      color: #00a854;
    }
  }
  .warn {
    font-size: 0.3rem;
    color: #777;
  }
}
</style>
